// overflow
.overflow{
  &-auto{overflow: auto;} // 防止元素内的内容被剪切。任何溢出元素边界的内容都将是可见的。
  &-hidden{overflow: hidden;} // 在一个元素的内容溢出该元素的边界时为其添加滚动条。
  &-visible{overflow: visible;} // 来剪切元素中任何溢出该元素边界的内容。
  &-scroll{overflow: scroll;} // 为元素添加滚动条。相比auto scroll不管溢出没有都显示滚动条
  &-x-auto{overflow-x: auto;} // 需要时水平滚动
  &-y-auto{overflow-y: auto;} // 需要时垂直滚动
  &-x-hidden{overflow-x: hidden;}
  &-y-hidden{overflow-y: hidden;}
  &-x-visible{overflow-x: visible;}
  &-y-visible{overflow-y: visible;}
  &-x-scroll{overflow-x: scroll;}
  &-y-scroll{overflow-y: scroll;}
}